<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>组件参数校验与非props特性</title>
	<script src="vue.js"></script>
</head>
<body>
	
	<div id="root">
		<child content="hello"></child>
	</div>
	<!-- 参数校验: 对父组件传递过来的参数进行约束 -->
	<script>
		
		Vue.component('child',{
			// 注意这里 props的写法, 一般写法是数组, 这里写成对象, 就是加一个校验的过程
			props: {
				content: {
					type: String,
					// required: false, //true必传
					// default: 'default value',
					//自定义校验器
					// validator: function(value){
					// 	return ( value.lenght>5 )
					// }
				}
			},
			template: '<div>{{content}}</div>'
		})

		var vm = new Vue({
			el: '#root',
			data: {

			}
		})
	</script>




</body>
</html>